.t-transfer {
  font-family: 'OPlusSans Regular' !important;
  font-size: 14px !important;
  .t-transfer__list {
    padding-top: 48px;
    min-width: 400px;
    border: none;
    height: 532px !important;
    .t-transfer__list-header {
      @apply rounded-t bg-[#F7F8FA] !h-12 !leading-12;
      width: 100%;
      margin: 0;
      padding: 0 16px;
      .font-mediums{
        @apply font-700 !text-#393C40;
      }
    }
    .t-transfer__list-body {
      @apply rounded-b;
      border: 1px solid #eeeff2;
      border-top: none;
      padding-top: 42px;
      .t-transfer__search-wrapper {
        margin-top: 12px;
        padding: 0 16px;
      }
      .t-transfer__list-content {
        .t-tree__item {
          &::before {
            height: 24px;
          }
        }
      }
    }
  }
  .t-transfer__operations {
    margin: auto 16px;
    overflow: inherit !important;
    .t-button {
      width: 32px;
      height: 32px;
      border-color: #eceff2;
      background-color: #164cff;
      color: #fff;
      &:hover {
        border-color: rgba(31, 35, 41, 0.06);
      }
      &.t-is-disabled {
        border-color: #eceff2;
        background-color: #f7f8fa;
        color: #adafb2;
      }
    }
  }
  .t-checkbox {
    --td-brand-color: #1562fc;
    padding: 0 4px;
    color: #323538;
    .t-checkbox__input {
      width: 16px;
      height: 16px;
    }
    .t-checkbox__label{
      @apply text-sm/22px!;
    }
    &.t-is-checked {
      .t-checkbox__input {
        &::after {
          height: 8px;
          width: 5px;
        }
      }
      .t-checkbox__label{
        @apply text-sm!;
      }
    }
    &.t-is-indeterminate {
      .t-checkbox__input {
        &::after {
          left: -2px;
          top: 4px;
        }
      }
    }
  }
  .t-tree {
    padding: 0 16px !important;
    .t-tree__item {
      @apply h-7 mb-6px;
      .t-tree__icon {
        border-radius: 2px;
        .t-icon {
          color: #8f959e;
        }
        &:hover {
          .t-icon {
            color: #1f2329 !important;
          }
        }
      }
      &.t-tree__item--open {
        .t-tree__icon {
          .t-icon {
            color: #8f959e;
          }
        }
      }
      .t-tree__label {
        &:hover {
          @apply text-primary;
        }
        &.t-is-checked {
          background-color: #fff !important;
        }
      }
    }
    .t-checkbox__label {
      font-family: 'OPlusSans Regular' !important;
      font-size: 12px;
    }
    .t-tree__label:not(.t-is-active):not(.t-is-checked):hover {
      background-color: #fff;
    }
    &.t-tree--transition {
      .t-tree__label {
        transition: none;
      }
    }
  }
  .t-input {
    font-family: 'OPlusSans Regular';
    height: 32px;
    font-size: 14px;
    box-shadow: none;
    @apply flex flex-row-reverse pr-0;
    .t-input__prefix {
      @apply  mr-0 w-30px flex items-center justify-center;
      &:not(:empty) {
        @apply mr-0;
      }
    }
    .t-input__inner {
      color: #323538;
      &::placeholder {
        @apply text-[#BFC2C7];
      }
    }
    &:hover {
      box-shadow: none;
      border-color: #c7c9cc;
    }
    &:focus {
      box-shadow: none !important;
      border-color: #1562fc !important;
    }
  }
}
